<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<!--定义公共的头部，commonHeader 为模板片段名称-->
<head th:fragment="commonHead(other, link)">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>首页 - Ch3nnn后台管理系统</title>
    <link rel="icon" href="favicon.ico" type="image/ico">
    <meta name="keywords" content="Ch3nnn后台管理系统">
    <meta name="description" content="Ch3nnn后台管理系统一个基于Bootstrap v3.3.7的后台管理系统">
    <meta name="author" content="Ch3nnn">

    <!--    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">-->
    <!--    <link th:href="@{/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css}" rel="stylesheet">-->
    <!--    <link th:href="@{/js/bootstrap-datepicker/bootstrap-datepicker3.min.css}" rel="stylesheet">-->
    <!--    <link th:href="@{/css/style.min.css}" href="../css/style.min.css" rel="stylesheet">-->
    <!--    <link th:href="@{/css/materialdesignicons.min.css}" href="../css/materialdesignicons.min.css" rel="stylesheet">-->
    <link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" rel="stylesheet">
    <link href="https://dev-cdn.ch3nnn.cn/css/style.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/@mdi/font@2.0.46/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css"
          rel="stylesheet">
    <link href="https://dev-cdn.ch3nnn.cn/css/bootstrap-datepicker3.css" rel="stylesheet">


    <!-- 额外添加的链接 -->
    <th:block th:replace="${other}"/>
    <th:block th:replace="${link}"/>

</head>

<body>
<div class="lyear-layout-web">
    <div class="lyear-layout-container">
        <!--左侧导航-->
        <aside class="lyear-layout-sidebar" th:fragment="commonMenu">

            <!-- logo -->
            <div id="logo" class="sidebar-header">
                <img alt="LightYear" src="https://dev-cdn.ch3nnn.cn/WX20211111-130907%402x.png" title="LightYear">
            </div>
            <!--  菜单树    -->
            <div class="lyear-layout-sidebar-scroll">

                <nav class="sidebar-main">
                    <ul class="nav nav-drawer">
                        <li class="nav-item active"><a th:href="@{/admin/index}"><i class="mdi mdi-home"></i> 后台首页</a>
                        </li>

                        <li class="nav-item active" th:each="menu:${session.menus}">
                            <a th:href="${menu.url}" th:if="${menu.url} != null"><i th:class="${menu.icon}"></i>[[${menu.name}]]</a>
                        </li>

                        <li class="nav-item nav-item-has-subnav" th:each="menu:${session.menus}">
                            <a href="javascript:void(0)" th:if="${#lists.size(menu.children)} ne 0" th:inline="text">[[${menu.name}]]
                                <i th:class="${menu.icon}"></i>
                            </a>

                            <ul class="nav nav-subnav">
                                <li th:each="child:${menu.children}">
                                    <a th:href="${child.url}" th:if="${#lists.isEmpty(child.children)}"
                                       th:inline="text">
                                        <i th:class="${child.icon}"></i>
                                        [[${child.name}]]
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>

                <div class="sidebar-footer">
                    <p class="copyright">
                        <a target="_blank" href="https://ch3nnn.cn">ch3nnn.cn</a>
                        折腾不息 乐此不疲.
                        <br>
                        Copyright &copy; 2019.
                    </p>
                </div>
            </div>

        </aside>
        <!--End 左侧导航-->

        <!--头部信息-->
        <header class="lyear-layout-header" th:fragment="commonHeader">

            <nav class="navbar navbar-default">
                <div class="topbar">

                    <div class="topbar-left">
                        <div class="lyear-aside-toggler">
                            <span class="lyear-toggler-bar"></span>
                            <span class="lyear-toggler-bar"></span>
                            <span class="lyear-toggler-bar"></span>
                        </div>
                        <span class="navbar-page-title"> 后台首页 </span>
                    </div>

                    <ul class="topbar-right">
                        <li class="dropdown dropdown-profile">
                            <a href="javascript:void(0)" data-toggle="dropdown">
                                <img class="img-avatar img-avatar-48 m-r-10" th:alt="${session.user.username}"
                                     th:src="${session.user.avatarUrl}"
                                     src="https://cdn.ch3nnn.cn/upload/2021/06/15/a1fec2bcfea74793af722048174ff2c0.png?imageMogr2/auto-orient/thumbnail/1000x/interlace/1/blur/1x0/quality/95|watermark/2/text/Q2gzbm5ubm7nmoTljZrlrqIgfOaKmOiFvuS4jeaBryDCtyDkuZDmraTkuI3nlrI=/font/6buR5L2T/fontsize/260/fill/I0ZDRkNGQw==/dissolve/75/gravity/SouthEast/dx/10/dy/10"
                                     alt="chen"/>
                                <span>[[${session.user.username}]] <span class="caret"></span></span>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a href="/admin/profile/info"><i class="mdi mdi-account"></i> 个人信息</a></li>
                                <li><a href="/admin/profile/updatePassword"><i class="mdi mdi-lock-outline"></i>
                                    修改密码</a>
                                </li>
                                <li><a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
                                <li class="divider"></li>
                                <li><a href="/admin/logout"><i class="mdi mdi-logout-variant"></i> 退出登录</a></li>
                            </ul>
                        </li>
                        <!--切换主题配色-->
                        <li class="dropdown dropdown-skin">
                            <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
                            <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
                                <li class="drop-title"><p>主题</p></li>
                                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
                    <label for="site_theme_1"></label>
                  </span>
                                    <span>
                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
                    <label for="site_theme_2"></label>
                  </span>
                                    <span>
                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
                    <label for="site_theme_3"></label>
                  </span>
                                </li>
                                <li class="drop-title"><p>LOGO</p></li>
                                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
                    <label for="logo_bg_1"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
                    <label for="logo_bg_2"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
                    <label for="logo_bg_3"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
                    <label for="logo_bg_4"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
                    <label for="logo_bg_5"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
                    <label for="logo_bg_6"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
                    <label for="logo_bg_7"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
                    <label for="logo_bg_8"></label>
                  </span>
                                </li>
                                <li class="drop-title"><p>头部</p></li>
                                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
                    <label for="header_bg_1"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
                    <label for="header_bg_2"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
                    <label for="header_bg_3"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
                    <label for="header_bg_4"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
                    <label for="header_bg_5"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
                    <label for="header_bg_6"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
                    <label for="header_bg_7"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
                    <label for="header_bg_8"></label>
                  </span>
                                </li>
                                <li class="drop-title"><p>侧边栏</p></li>
                                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
                    <label for="sidebar_bg_1"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
                    <label for="sidebar_bg_2"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
                    <label for="sidebar_bg_3"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
                    <label for="sidebar_bg_4"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
                    <label for="sidebar_bg_5"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
                    <label for="sidebar_bg_6"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
                    <label for="sidebar_bg_7"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
                    <label for="sidebar_bg_8"></label>
                  </span>
                                </li>
                            </ul>
                        </li>
                        <!--切换主题配色-->
                    </ul>

                </div>
            </nav>

        </header>
        <!--End 头部信息-->

        <!--页面主要内容-->
        <main class="lyear-layout-content"></main>
        <!--End 页面主要内容-->
    </div>
</div>


<!--定义公共的底部，这里使用 id 选择器，当然也可以用片段名，如 th:fragment="commonFooter"-->
<footer id="commonFooter" th:fragment="commonFooter">
    <!--    <script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>-->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

    <!--    <script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>-->
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <!--    <script type="text/javascript" th:src="@{/js/perfect-scrollbar.min.js}"></script>-->
    <script crossorigin="anonymous"
            integrity="sha512-NVS9nuD/Pe5bnCut63ZAJAj5Ly+I5V1LwyGGAtKg0BkXUhWu8CW96Xw5ZNQxvtCzZAH2di947UJ5xzzxaSAWlQ=="
            src="https://lib.baomitu.com/perfect-scrollbar/1.4.0/perfect-scrollbar.min.js"></script>
    <!--    <script type="text/javascript" th:src="@{/js/main.min.js}"></script>-->
    <script src="https://dev-cdn.ch3nnn.cn/js/main.min.js" type="text/javascript"></script>

    <!--    <script type="text/javascript" th:src="@{/js/bootstrap-datetimepicker/moment.min.js}"></script>-->
    <script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.10.6/moment.js"></script>
    <!--    <script type="text/javascript" th:src="@{/js/bootstrap-datetimepicker/bootstrap-datetimepicker.js}"></script>-->
    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
    <!--    <script type="text/javascript" th:src="@{/js/bootstrap-datepicker/bootstrap-datepicker.js}"></script>-->
    <script crossorigin="anonymous" integrity="sha384-QX9UfCraslNS6UfPu3RaJugVTSqqvq/WZ4X3ZqK4E/XGxdLMIw8gpaTT+lXUzB7X"
            src="https://lib.baomitu.com/bootstrap-datepicker/1.6.1/js/bootstrap-datepicker.js"></script>
    <!--    <script type="text/javascript" th:src="@{/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js}"></script>-->
    <script crossorigin="anonymous" integrity="sha384-31ORARq7D0W5SzRFs+sXeiw2jIsvn00MR+tCnhdkQNsIBAHbMK3gCYs6tWQSQVJH"
            src="https://lib.baomitu.com/bootstrap-datepicker/1.6.1/locales/bootstrap-datepicker.zh-CN.min.js"></script>
    <!--    <script type="text/javascript" th:src="@{/js/bootstrap-datetimepicker/locale/zh-cn.js}"></script>-->
    <script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.10.6/locale/zh-cn.js"></script>

    <script src="https://cdn.bootcdn.net/ajax/libs/mouse0270-bootstrap-notify/3.1.3/bootstrap-notify.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery-confirm/3.3.4/jquery-confirm.min.js"></script>
    <script src="https://dev-cdn.ch3nnn.cn/js/lightyear.js"></script>

    <!--图表插件-->
    <!--    <script type="text/javascript" th:src="@{/js/Chart.js}" src="../js/Chart.js"></script>-->
</footer>

</body>
</html>